<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>爬虫结果显示</title>
    <style>

          header,footer{
               width: 800px; height: 60px;
               background:#222;color:#fff;
               text-align:center;margin:0 auto;
        }
        .container{
                width: 600px; height: 300px;margin:0 auto;text-align:center;
        }
        .box{
              margin:15px 10px
        }
        header li {
                display:inline-block;margin:3px 15px;
        }
        a{color:#fff}
    </style>
</head>
<body>
<header>
 <li>首页<li>
    <li>爬虫<li>
    <li>科技<li>
    <li>招聘<li>
</header>
<div class="container">
  <div class="box">
    < img src="" style="height:150px;">
  </div>
  <form action="/login" method="post">
    <div class="box">
      <label for="">姓名</label>
      <input type="text" name="username" >
    </div>
    <div class="box">
      <label for="">密码</label>
      <input type="password" name="userpwd" >
    </div>
    <div class="box">
      <input type="submit" name="submit" value="登录">
      <input type="reset" value="重填">
    </div>
  </form>
</div>

<footer>
  <p>本系统由王植可制作，版权所有违者必究</p >
</footer>
</body>
</html>